<template>
  <div class="mp1">
    <div
    class="mp2"
    ></div>
    <span
    class="mp3"
      ><el-icon class="mp4"><StarFilled /></el-icon>电影推荐<el-icon
        ><StarFilled /></el-icon
    ></span>
    <div
    class="mp5"
    ></div>
  </div>
</template>
<script setup>
import { StarFilled } from '@element-plus/icons-vue'
</script>
<style lang="scss" scoped>
.mp1 {
  margin-top: 20px;
}
.mp2 {
  display: flex; float: left; height: 20px; width: 40%; background-color: coral
}
.mp3 {
        display: inline-block;
        margin-top: -15px;
        font-size: xx-large;
        font-weight: bold;
        color: orangered;
}
.mp4 {
  margin-top: 5px
}
.mp5 {
  display: flex; float: right; height: 20px; width: 40%; background-color: coral
}
</style>
